<%--
  Created by IntelliJ IDEA.
  User: 12103
  Date: 2021/11/11
  Time: 12:25
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<div class="skip">
    <c:if test="${requestScope.page.pageNo > 1}">
        <a href="${requestScope.page.url}&pageNo=1">首页</a>
        <a href="${requestScope.page.url}&pageNo=${requestScope.page.pageNo - 1}">上一页</a>
    </c:if>

    <%--        页码输出的开始--%>
    <c:choose>
        <%--                如果总页码小于等于5的情况，页码的范围是：1 - 总页码 --%>
        <c:when test="${requestScope.page.pageTotal <= 5}">
            <c:set var="begin" value="1" />
            <c:set var="end" value="${requestScope.page.pageTotal}" />
        </c:when>
        <%--                如果总页码大于5的情况，页码的范围是：总页码 --%>
        <c:when test="${requestScope.page.pageTotal > 5}">
            <c:choose>
                <c:when test="${requestScope.page.pageNo <= 3}">
                    <c:set var="begin" value="1" />
                    <c:set var="end" value="5" />
                </c:when>
                <c:when test="${requestScope.page.pageNo > requestScope.page.pageTotal - 3}">
                    <c:set var="begin" value="${requestScope.page.pageTotal - 4}" />
                    <c:set var="end" value="${requestScope.page.pageTotal}" />
                </c:when>
                <c:otherwise>
                    <c:set var="begin" value="${requestScope.page.pageNo -2 }" />
                    <c:set var="end" value="${requestScope.page.pageNo + 2}" />
                </c:otherwise>
            </c:choose>
        </c:when>
    </c:choose>
    <%--        页码输出的结束--%>


    <c:forEach begin="${begin}" end="${end}" var="i">
        <c:if test="${i == requestScope.page.pageNo}">
            <span>【${i}】</span>
        </c:if>
        <c:if test="${i != requestScope.page.pageNo}">
            <a href="${requestScope.page.url}&pageNo=${i}">${i}</a>
        </c:if>
    </c:forEach>

    <c:if test="${requestScope.page.pageNo < requestScope.page.pageTotal}">
        <a href="${requestScope.page.url}&pageNo=${requestScope.page.pageNo + 1}">下一页</a>
        <a href="${requestScope.page.url}&pageNo=${requestScope.page.pageTotal}">末页</a>
    </c:if>

    <span>共${requestScope.page.pageTotal}页，${requestScope.page.pageTotalCount}条记录 到第</span>
    <input type="text" value="${requestScope.page.pageNo}" id="page_value">
    <span>页</span>
    <button id="searchPageBtn">确定</button>
    <script>
        $(function () {
            $("#searchPageBtn").click(function () {
                let pageNo = $("#page_value").val();
                if(pageNo < 1){
                    pageNo = 1;
                }
                if(pageNo > ${requestScope.page.pageTotal}) {
                    pageNo = ${requestScope.page.pageTotal};
                }

                location.href = "${pageScope.basePath}${requestScope.page.url}&pageNo=" + pageNo;
            })
        })
    </script>
</div>
